{#<!DOCTYPE html>#}
{#<html>#}
{#<head>#}
{#  <meta charset="utf-8">#}
{#  <title>coursePage</title>#}
{#  <link rel="stylesheet" href="../../static/css/base/reset.css">#}
{#  <link rel="stylesheet" href="../../static/css/base/common.css">#}
{#  <link rel="stylesheet" href="../../static/css/course/course.css">#}
{#  <link rel="stylesheet" href="http://at.alicdn.com/t/font_684044_un7umbuwwfp.css">#}
{#</head>#}
{#<body>#}
{#<!-- header start -->#}
{#<header id="header">#}
{#  <div class="mw1200 header-contain clearfix">#}
{#    <!-- logo start -->#}
{#    <h1 class="logo">#}
{#      <a href="javascript:void(0);" class="logo-title">Python</a>#}
{#    </h1>#}
{#    <!-- logo end -->#}
{#    <!-- nav start -->#}
{#    <nav class="nav">#}
{#      <ul class="menu">#}
{#        <li><a href="../news/index.html">首页</a></li>#}
{#        <li><a href="course.html">在线课堂</a></li>#}
{#        <li><a href="../doc/docDownload.html">下载文档</a></li>#}
{#        <li><a href="../news/search.html">搜索</a></li>#}
{#      </ul>#}
{#    </nav>#}
{#    <!-- nav end -->#}
{#    <!-- login start -->#}
{#    <div class="login-box">#}
{#      <div>#}
{#        <i class="PyWhich py-user"></i>#}
{#        <span>#}
{#          <a href="javascript:void(0);" class="login">登录</a> /#}
{#          <a href="../users/register.html" class="reg">注册</a>#}
{#        </span>#}
{#      </div>#}
{#      <div class="author hide">#}
{#        <i class="PyWhich py-user"></i>#}
{#        <span>Which</span>#}
{#        <ul class="author-menu">#}
{#          <li><a href="javascript:void(0);">后台管理</a></li>#}
{#          <li><a href="javascript:void(0);">退出登录</a></li>#}
{#        </ul>#}
{#      </div>#}
{#    </div>#}
{#    <!-- login end -->#}
{#  </div>#}
{#</header>#}
{#<!-- header end -->#}
{##}
{#<main id="course-container">#}
{#        <div class="w1200">#}
{#            <ul class="course-list">#}
{##}
{#                <li class="course-item">#}
{#                    <a href="https://www.shiguangkey.com/course/2432">#}
{#                        <img class="course-img" src="../../static/images/python_advanced.jpg"#}
{#                            alt="潭州英语">#}
{#                        <div class="course-content">#}
{#                            <p class="course-info">python 全栈开发</p>#}
{#                            <p class="course-author">不动(python金牌讲师)</p>#}
{#                            <p class="course-price free">免费</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{##}
{#                <li class="course-item">#}
{#                    <a href="https://www.shiguangkey.com/course/2432">#}
{#                        <img class="course-img" src="../../static/images/python_web.jpg"#}
{#                            alt="潭州英语">#}
{#                        <div class="course-content">#}
{#                            <p class="course-info">django 项目</p>#}
{#                            <p class="course-author">Taka(python讲师)</p>#}
{#                            <p class="course-price free">免费</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{##}
{#            </ul>#}
{#        </div>#}
{#    </main>#}
{##}
{#<!-- footer start -->#}
{#<footer id="footer">#}
{#    <div class="footer-box">#}
{#        <div class="footer-content">#}
{#            <p class="top-content">#}
{#					<span class="link">#}
{#						<a href="javascript:void(0)">关于Python</a> |#}
{#						<a href="javascript:void(0)">我就是我</a> |#}
{#						<a href="javascript:void(0)">人生苦短</a> |#}
{#						<a href="javascript:void(0)">我用Python</a>#}
{#					</span>#}
{#                <span class="about-me">关于我: <i class="PyWhich py-wechat"></i> Taka</span>#}
{#            </p>#}
{#            <p class="bottom-content">#}
{#                <span>地址： xxxx</span>#}
{#                <span>联系方式: <a href="tel:400-1567-315">400-1567-315</a> (24小时在线)</span>#}
{#            </p>#}
{#        </div>#}
{#        <p class="copyright-desc">#}
{#            Copyright &copy; 2008 - 2019 xxx有限公司. All Rights Reserved#}
{#        </p>#}
{#    </div>#}
{#</footer>#}
{#<!-- footer end -->#}
{#<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>#}
{#<script src="../../static/js/commons.js"></script>#}
{#</body>#}
{#</html>#}


{% extends 'base/base.html' %}

{% block link %}
  <link rel="stylesheet" href="../../static/css/course/course.css">
{% endblock %}

{% block title %}
 视频主页
{% endblock %}

{% block main %}
<main id="course-container">
        <div class="w1200">
            <ul class="course-list">

                {% for course in courses %}
                <li class="course-item">
                    <a href="{% url 'course:course_detail' course.id %}">
                        <img class="course-img" src="{{ course.cover_url }}"
                            alt="潭州英语">
                        <div class="course-content">
                            <p class="course-info">{{ course.title }}</p>
                            <p class="course-author">{{ course.teacher.positional_title }}</p>
                            <p class="course-price free">免费</p>
                        </div>
                    </a>
                </li>
            {% endfor %}
{#                <li class="course-item">#}
{#                    <a href="https://www.shiguangkey.com/course/2432">#}
{#                        <img class="course-img" src="../../static/images/python_web.jpg"#}
{#                            alt="潭州英语">#}
{#                        <div class="course-content">#}
{#                            <p class="course-info">django 项目</p>#}
{#                            <p class="course-author">Taka(python讲师)</p>#}
{#                            <p class="course-price free">免费</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}

            </ul>
        </div>
    </main>
{% endblock %}
